<template>
  <div>
    <div class="content">
      <div class="content4Title">微信商城—蜜蔬果缘</div>
      <img class="content4LeftImg" src="../../../assets/content4Icon.png" alt>
      <p class="content4LeftDesc">
        一款专门为区域蔬菜批发商开发的线上
        蔬菜商城小程序，主要负责拓展线上业务以
        及区域化线下送货服务，针对服务商的需求
        专属定制了交互层结构，进一步强化方便快
        捷的基本属性，满足用户需求。
      </p>
      <img class="contentRight" src="../../../assets/content4RigImg.png" alt="">
    </div>
  </div>
</template>
<script>
export default {
  name:'Case2'
};
</script>
<style scoped>
.content {
  width: 100%;
  height: 11.8rem;
  background: #f4f7ee;
  padding-top: 0.3rem;
  position: relative;
}
.content4Title{
  font-size: 0.5rem;
  position: absolute;
  color: #40904e;
  left: 4.5rem;
  top: 2rem;
}
.content4LeftImg{
  position: absolute;
  width: 2rem;
  left: 6rem;
  top: 3.8rem;
}
.content4LeftDesc{
  font-size: 0.27rem;
  position: absolute;
  color: #757575;
  width: 6.5rem;
  left: 4rem;
  top: 6.7rem;
}
.contentRight{
  width: 10rem;
  position: absolute;
  right: 2.4rem;
  top: 1.3rem;
}
</style>
